<markdown>
# 基础用法
</markdown>

<template>
  <x-select v-model:value="value" :options="options" style="max-width: 300px" />
</template>

<script setup>
import { ref } from 'vue'

const value = ref()

const options = ['🍭 棒棒糖', '🍦 圆筒冰淇淋', '🍫 巧克力', '🥙 夹心饼', '🍺 啤酒', '🍓 草莓'].map((val, i) => ({
  label: val,
  value: val,
  disabled: i % 2
}))
</script>
